<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title>图片标签</title>
	</head>
	<body>
		<!--
		图片标签：img 单标签
		src属性：图片源，指向素材的地址
		height属性：给图片设置高度
		图片的宽高一般只设置一个，另一个属性会对图片进行登记比例缩放。
		快速打注释：ctrl+/
		alt属性：图片加载错误的提示
		width属性：给图片设置宽度
		-->
		<!--
		列表标签：
			无序标签 <ul>
			有序标签 <ol>
			自定义标签 <dl>
		-->
	<ul>
		<li>第一列</li> <!-- 列标签 -->
		<li>第二列</li>
		<li>第三列</li>
	</ul>
	<ol>
		<li>第一列</li> <!-- 列标签 -->
		<li><img src=""></li>
		<li><a href="https://mi.com">小米官网</a></li>
	</ol>
	<!-- 自定义列表：dl>dt>dd -->
	<dl>
		<dt>选购指南</dt>
		<dd><a href=https://www.mi.com/shop/search?keyword=%E6%89%8B%E6%9C%BA>手机</a></dd>
		<dd>平板</dd>
		<dd>电视</dd>
	</dl>
	<dl>
		<dt>服务中心</dt>
		<dt>线下服务</dt>
		<dt>官方服务</dt>
	</dl>
	</body>
</html>